<template>
  <view class="container">
<!--  功能介绍组件  -->
    <view class="row">
      <view class="title">首页</view>
      <view class="content">
        在首页中我们可以加入房间和创建房间,通过输入房间编号加入房间。
      </view>

      <view class="title">创建房间开启一局比赛</view>
      <view class="content">
        通过这个按钮可以创建一个房间，点击然后会跳转到房间规则页面，在这里配置房间规则，等待用户加入房间，当用户都加入房间后方可开始比赛。
        <ul>
          <li><span class="subtitle">房间号：</span>用户通过搜索这个房间号加入比赛，在首页加入房间按钮中，输入当前房间号进入房间。
          </li>
          <li><span class="subtitle">踢出用户：</span>房主通过点击用户头像可以踢出非法加入的用户，其他用户可以点击头像查看用户的昵称。
          </li>
          <view class="title">计分模式</view>
          <li><span class="subtitle">统一记：</span>这种模式是房主统一计分，其他用户不能操作分数，适用于有一个专门计分的比赛场景。
          </li>
          <li><span class="subtitle">给分模式：</span>这种模式是由各个用户自己操作自己的计分， 只能给不能取，将自己扣除的积分给与其他用户。
          </li>
          <li><span class="subtitle">总账模式：</span>在这种模式下会引入积分池的概念，类是四川麻将中算总账的感觉，只需要记住自己输了多少分，赢了多少分，
            输的分数向积分池投入，赢的分数从积分池中获取。在实验中这种模式也适用于炸金花，由最后一个胜利者获取积分池中全部的分数，
            每个用户将自己的跟分或者输分投入积分池，由胜利者取分。
          </li>
          <view class="title">台费规则</view>
          <li><span class="subtitle">无台费：</span>无需收取台费，得分全部获取。</li>
          <li><span class="subtitle">抽分模式：</span>设置最大台费，抽满即止，满x抽y，默认满8抽1，每赢8分抽取1分作为台费。</li>
          <li><span class="subtitle">百分比：</span>设置最大台费，抽满即止，设置抽取百分比，每一笔得分都将抽取当前比分比作为台费。</li>
        </ul>
      </view>


    </view>
    <view class="row">
      <view class="title">战绩</view>
      <view class="content">
        在战绩页面中有三个分类不同的分类代表这，你所加入的房间处于不同的状态，所有未结束的放假你都可以通过加入房间按钮重新进入房间。
        <ul>

          <li>
            <span class="subtitle">准备中：</span>代表你加入的房间还在准备阶段，未开始比赛，在这个阶段可以等待其它用户的进入，你也可以退出房间，同时可以改变房间的规则。
          </li>
          <li><span class="subtitle">进行中：</span>这个阶段代表你加入的放假已经开始比赛计分了，不能退出房间，只能等待房主结束比赛。
          </li>
          <li><span class="subtitle">已结束：</span>这个阶段的列表查询的是你已经结束的比赛，在这里你可以通过，查看结果按钮查看你们的历史计分比赛结果。
          </li>
        </ul>
      </view>
    </view>

    <view class="row">
      <view class="title">我的</view>
      <view class="content">
        在我的页面中，你可以修改个人信息，完善头像和姓名其中有几个按钮。
        <ul>
          <li><span class="subtitle">功能介绍：</span>就是这个功能</li>
          <li><span class="subtitle">项目合作：</span>有需要可以联系我哦，精通小程序，网页，桌面应用开发。</li>
          <li><span class="subtitle">邀请好友：</span>可以邀请你的好友注册小程序。</li>
          <li><span class="subtitle">清理缓存：</span>可以清理缓存在小程序中的数据，确认后将需要重新登录。</li>
        </ul>
      </view>
    </view>
  </view>
</template>

<script setup>


</script>
<style lang="less" scoped>
/* 页面整体布局 */
.container {
  display: flex;
  flex-direction: column;
  align-items: center;

  .row {
    width: 100%;
    border-bottom: 1px solid #c7b4b4;
    margin-bottom: 10px;

    .title {
      text-align: center;
      font-size: 18px;
      font-weight: 900;
    }


    .content {
      padding: 10px;
      text-indent: 2em;

      .subtitle {
        color: #FF5722;
        font-weight: 600;
        font-size: 18px;
      }
    }
  }
}


</style>